<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        内容.trim();    // 去除空格


        // get 获取元素，绑定事件
        // 4个参数: 路径，传递给服务器的参数，成功的回调函数，希望返回的数据类型
        let url = 'http://www.liulongbin.top:3006/api/getbooks';
        // res参数代表从服务器获取的数据
        $.get(url, { id: 5, bookname: "西游记" }, function (res) {
            console.log(res);
        });



        // post 定义路径和参数
        // 地址
        let url = 'http://www.liulongbin.top:3006/api/addbook';
        // 数据
        let obj = {
            bookname: '三体之地球往',
            author: '刘慈欣',
            publisher: '中央人民出版社'
        };
        // 发送post类型的ajax
        $.post(url, obj, function (res) {
            console.log(res);
        });






        // ajax的方式获取数据
        $.ajax({
            method: 'GET',
            // 地址
            url: 'http://www.liulongbin.top:3006/api/getbooks',
            // 数据
            data: {
                id: 1
            },
            success: function (res) {
                console.log(res);
            }
        })




        // ajax的方式上传数据
        $.ajax({
            method: 'POST',
            url: 'http://www.liulongbin.top:3006/api/addbook',
            data: {
                bookname: '三体之死神永生',
                author: '刘慈欣',
                publisher: '中央人民出版社'
            },
            success: function (res) {
                console.log(res);
            }
        });


        // 删除数据
        let zdy = $(this).attr('data-id')
        $.ajax({
            method: 'get',
            url: 'http://www.liulongbin.top:3006/api/delbook',
            data: { id: zdy },
            success: function (res) {
                if (res.status !== 200) {
                    return alert(res.msg)
                }
                alert('恭喜您成功删除')
                getBookList()
            },
        })
    </script>
</body>

</html>